<template>
  <BaseTable :titleStyle="titleStyle" :list="data" :cols="cols" :isHasSpace="true" />
</template>
<script>
export default {
  data() {
    return {
      data: [],
      titleStyle: {
        title: 'Base Table',
        align: 'center',
        fontSize: '18px'
      },
      cols: {
        cols: '4'
      }
    }
  },
  mounted() {
    this.getList()
  },
  methods: {
    async getList() {
      this.data = await this.$api.table.getBaseTable()
      this.titleStyle.title = '展示型表格'
    }
  }
}
</script>
